<template>
  <div>
    <!-- <van-tabs v-model="active" swipeable>
      <van-tab 
      v-for="index in 8" 
      :key="index" :title="'选项 ' + index">
        内容 {{ index }}
      </van-tab>
    </van-tabs>-->
    <van-tabs v-model="active" scrollspy sticky>
      <van-tab v-for="index in 8" :key="index" :title="'选项 ' + index">
        内容 {{ index }}
      </van-tab>
    </van-tabs> 
    <!-- <van-sidebar v-model="activeKey">
      <van-sidebar-item :title="item.title" v-for="(item,index) in this.data" :key="index"/>
    </van-sidebar> -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [],
      activeKey: 0,
    };
  },
  created() {
    this.data = require("../../public/jSON/cate");
    console.log(this.data);
  },
  methods: {},
};
</script>

<style lang="less" scoped>
</style>